<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" th:href="@{/images/a/logo.ico}"/>
    <title th:text="${othername}"></title>
    <script type="text/javascript" th:src="@{/js/jquery-1.11.2.min.js}"></script>
    <link rel="stylesheet" th:href="@{/css/bootstrap.css}">
    <link rel="stylesheet" th:href="@{/iconfont/iconfont.css}">
    <script type="text/javascript" th:src="@{/js/bootstrap.js}"></script>
    <link th:href="@{/css/style3.css}" rel="stylesheet">

</head>

<body>
<nav class="navbar navbar-expand-lg bg-body-tertiary sticky-top "
     style="background-image: linear-gradient(to top, #d5d4d0 0%, #d5d4d0 1%, #eeeeec 31%, #efeeec 75%, #e9e9e7 100%);">
    <div class="container-fluid">
        <p class="navbar-brand ms-5" th:text="${othername}"></p>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
                aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav col-10">
                <li class="nav-item ">
                    <a class="nav-link active" aria-current="page" th:href="@{/blog/intoMain}">返回</a>
                </li>
            </ul>
            <form class="d-flex me-5 col-2" role="search">
                <img th:if="${session.pic}!=null" th:src="|@{/images/}${session.pic}|" alt="未登录" width="50" height="50"
                     style="border-radius: 50px;" class="d-inline-block align-text-top">
                <a th:if="${session.pic==null}" th:href="@{/blog/intoLogin}">去登录</a>
                <span th:if="${session.pic}!=null" style="font-size: 15px;" th:text="${username}"></span>
            </form>
        </div>
    </div>
</nav>
<div class="container mt-3">
    <div class="card" style="height:35vh;">
        <div class="card-header ">
            <div class="card-cover"
                 style="background-image: url('/images/a/home.png')"></div>
            <img class="card-avatar"
                 th:src="|@{/images/}${otherpic}|"
                 alt="avatar"/>
            <h1 class="card-fullname" th:text="${othername}"></h1>
            <h2 class="card-jobtitle" th:text="|个性签名:${othermoto}|"></h2>
        </div>
        <div class="row mt-5 d-flex justify-content-center">
            <div class="row" style="font-size: 20px;">
                <div class="card-social col-6">
                    <a href="#">
                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                            <path d="M15.997 3.985h2.191V.169C17.81.117 16.51 0 14.996 0c-3.159 0-5.323 1.987-5.323 5.639V9H6.187v4.266h3.486V24h4.274V13.267h3.345l.531-4.266h-3.877V6.062c.001-1.233.333-2.077 2.051-2.077z"/>
                        </svg>
                    </a>
                    <a href="#">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                            <path d="M512 97.248c-19.04 8.352-39.328 13.888-60.48 16.576 21.76-12.992 38.368-33.408 46.176-58.016-20.288 12.096-42.688 20.64-66.56 25.408C411.872 60.704 384.416 48 354.464 48c-58.112 0-104.896 47.168-104.896 104.992 0 8.32.704 16.32 2.432 23.936-87.264-4.256-164.48-46.08-216.352-109.792-9.056 15.712-14.368 33.696-14.368 53.056 0 36.352 18.72 68.576 46.624 87.232-16.864-.32-33.408-5.216-47.424-12.928v1.152c0 51.008 36.384 93.376 84.096 103.136-8.544 2.336-17.856 3.456-27.52 3.456-6.72 0-13.504-.384-19.872-1.792 13.6 41.568 52.192 72.128 98.08 73.12-35.712 27.936-81.056 44.768-130.144 44.768-8.608 0-16.864-.384-25.12-1.44C46.496 446.88 101.6 464 161.024 464c193.152 0 298.752-160 298.752-298.688 0-4.64-.16-9.12-.384-13.568 20.832-14.784 38.336-33.248 52.608-54.496z"/>
                        </svg>
                    </a>
                    <a href="#">
                        <svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
                            <path d="M301 256c0 24.852-20.148 45-45 45s-45-20.148-45-45 20.148-45 45-45 45 20.148 45 45zm0 0"/>
                            <path d="M332 120H180c-33.086 0-60 26.914-60 60v152c0 33.086 26.914 60 60 60h152c33.086 0 60-26.914 60-60V180c0-33.086-26.914-60-60-60zm-76 211c-41.355 0-75-33.645-75-75s33.645-75 75-75 75 33.645 75 75-33.645 75-75 75zm86-146c-8.285 0-15-6.715-15-15s6.715-15 15-15 15 6.715 15 15-6.715 15-15 15zm0 0"/>
                            <path d="M377 0H135C60.562 0 0 60.563 0 135v242c0 74.438 60.563 135 135 135h242c74.438 0 135-60.563 135-135V135C512 60.562 451.437 0 377 0zm45 332c0 49.625-40.375 90-90 90H180c-49.625 0-90-40.375-90-90V180c0-49.625 40.375-90 90-90h152c49.625 0 90 40.375 90 90zm0 0"/>
                        </svg>
                    </a>
                    <a href="#">
                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                            <path d="M23.994 24v-.001H24v-8.802c0-4.306-.927-7.623-5.961-7.623-2.42 0-4.044 1.328-4.707 2.587h-.07V7.976H8.489v16.023h4.97v-7.934c0-2.089.396-4.109 2.983-4.109 2.549 0 2.587 2.384 2.587 4.243V24zM.396 7.977h4.976V24H.396zM2.882 0C1.291 0 0 1.291 0 2.882s1.291 2.909 2.882 2.909 2.882-1.318 2.882-2.909A2.884 2.884 0 002.882 0z"/>
                        </svg>
                    </a>
                </div>
            </div>
        </div>

    </div>

</div>

<div class="container border mt-3 mb-5" style="background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);">
    <h3>他的博客</h3>
    <div class="row">
        <div th:if="${hid eq 'none'}" style="text-align: center;align-items: center; height: 500px;width: 100%">
            <h4>ta,还没有发布博客</h4>
        </div>
        <!--    <c:forEach items="${texts}" var="text">-->
        <div th:each="text:${texts}">
            <div class="card mb-3 border me-1"
                 style="max-width: 1000px;background-image: linear-gradient(-225deg, #E3FDF5 0%, #FFE6FA 100%);">
                <div class="row g-0">
                    <div class="col-3"><img th:src="|@{/images/bac/b}${text.getNumber()}.jpg|"
                                            class="img-fluid rounded-start" alt="...">
                    </div>
                    <div class="card-body col-9"><h5 class="card-title row">
                        <a th:href="@{'/blog/showContent2?title='+${text.title}+'&phone='+${text.phone}+'&sub='+${text.subtitle}
            +'&time='+${text.createdate}}">
                            <strong th:text="${text.title}"></strong></a></h5>
                        <p class="card-text row" th:text="${text.subtitle}"></p>
                        <p class="card-text row">
                            <small class="col-8" th:text="|时间:${text.createdate}|">
                            </small>
                            <small class="text-muted col-4" th:text="|tag: ${text.cid},${text.mid} |">
                            </small>
                            <i class="iconfont icon-weibo-logo"></i><i class="iconfont icon-douyin"></i>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<footer class="footer bg-dark py-3 mt-auto ">
    <div class="container">
        <div class="row">
            <div class="col-md-3">
                <h5 class="text-white">关于我们</h5>
                <p class="text-secondary">这是我们的java期末项目—— 个人博客系统 </p>
            </div>
            <div class="col-md-3">
                <h5 class="text-white">网站详情</h5>
                <p class="text-secondary">一个基础的个人博客系统 更多友好的功能还有待开发</p>
            </div>
            <div class="col-md-3">
                <h5 class="text-white">联系我们</h5>
                <ul class="list-unstyled text-secondary">
                    <li><i class="fas fa-home mr-2"></i> 地址: 重庆师范大学</li>
                    <li><i class="fas fa-envelope mr-2"></i> 邮箱: 3073130784@qq.com</li>
                    <li><i class="fas fa-phone mr-2"></i> 电话: 123-456-7890</li>
                </ul>
            </div>
            <div class="col-md-3">
                <h5 class="text-white">社交媒体</h5>
                <ul class="list-inline text-muted">
                    <!-- iconfont -->
                    <li class="list-inline-item">
                        <a th:href="@{#}">
                            <i class="iconfont icon-qq" style="font-size: 30px;"></i>
                            <!-- <i class="fab fa-facebook fa-2x"></i>   -->
                        </a>
                    </li>
                    <li class="list-inline-item">
                        <a th:href="@{#}">
                            <i class="iconfont icon-weixin" style="font-size: 30px;"></i>
                            <!-- <i class="fab fa-twitter fa-2x"></i>   -->
                        </a>
                    </li>
                    <li class="list-inline-item">
                        <a th:href="@{#}">
                            <i class="iconfont icon-douyin" style="font-size: 30px;"></i>
                            <!-- <i class="fab fa-instagram fa-2x"></i>   -->
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</footer>


</body>
</html>
